<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{$meta_title}</title>
  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="">
  <link rel="apple-touch-icon-precomposed" href="">
  <meta name="apple-mobile-web-app-title" content="{$meta_title}" />
  <link rel="stylesheet" href="__ROOT__/Application/Home/View/default/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="__ROOT__/Application/Home/View/default/assets/css/admin.css">
  <script type="text/javascript" src="__PUBLIC__/libs/dingding/javascripts/zepto.min.js"></script>
  <script type="text/javascript" src="https://g.alicdn.com/ilw/ding/0.8.9/scripts/dingtalk.js"></script>
  
</head>
<body>


<div class="am-cf admin-main">


<!-- content start -->
<div class="admin-content">
  <div class="admin-content-body">
    <div style="height:10px;"></div>

     <div class="am-g">
        <div class="am-u-sm-10 am-u-md-4">
          <div class="am-input-group am-input-group-sm">
            <input type="text" class="am-form-field" id="so_server" placeholder="请输入服务器名称/IP">
          <span class="am-input-group-btn">
            <button class="am-btn am-btn-default" type="button" id="search">搜索</button>
          </span>
          </div>
        </div>
      </div>
             
      <div class="am-g">
      	<div class="am-u-sm-12">
          <table class="am-table am-table-striped am-table-hover table-main">
            <thead>
            <tr>
            		<th >名称</th>
					
					<th >服务器IP</th>
					<th >操作</th>
            </tr>
            </thead>
            <tbody>
            <volist name="data_list" id="vo" key="k">
				<tr >

					<td >{$vo.server_name}</td>
					
					<td >{$vo.ip}</td>
					<td>
						<a href="/Wap/Server/serverinfo/id/{$vo.id}"><span class="am-badge am-badge-success">详细</span></a>
					</td>
				</tr>
				</volist>
                        
            
            </tbody>
          </table>
          
          	 <div class="pagin"><ul class="paginList">{$page}</ul></div>
          
        </div>
      </div>


  </div>
<div style="height:80px;"></div> 
  
</div>
<!-- content end -->

</div>

<script type="text/javascript" >
dd.ready(function() {
	//下拉刷新
	dd.ui.pullToRefresh.enable({
	    onSuccess: function() {
	    	window.location.reload();
	    	dd.ui.pullToRefresh.stop();
	    },
	    onFail: function() {
	    	
	    }
	});
		//右侧
		dd.biz.navigation.setRight({
		    show: true,//控制按钮显示， true 显示， false 隐藏， 默认true
		    control: true,//是否控制点击事件，true 控制，false 不控制， 默认false
		    text: '新增',//控制显示文本，空字符串表示显示默认文本
		    onSuccess : function(result) {
		    	window.location.href='/Wap/Server/addserver';
		        //如果control为true，则onSuccess将在发生按钮点击事件被回调
		        /*
		        {}
		        */
		    },
		    onFail : function(err) {}
		});

}); 

//搜索服务器
$('#search').click(function(){
	var keyword=$('#so_server').val();
	window.location.href='/Wap/Server/index/keyword/'+keyword;
	
});
 
 
</script>
<!-- footnav start --> 
<style>
.footnav{ position: fixed;  bottom: 0;    width: 100% ; background: #fff; z-index:999999}
.footnav ul{ padding:5px 0; border-top:1px solid #ccc}
.footnav ul li{ width:20%; float:left;list-style-type: none;}
.footnav ul li a{ display:block; text-align:center; font-size:12px;    color: #767171;}
.footnav ul li a span{ font-size:24px;line-height: 20px;}
.active a {color:#0e90d2 !important;}

</style>
<div class=" footnav">
    <ul>
    <li > <a  href="/Wap/Index/shouye" ><span class="am-icon-home"></span>首页 </a> </li>
     <li ><a href="/Wap/Task/mytask"><span class="am-icon-file-text"></span>任务</a></li>
      <li class="active"><a href="/Wap/Server/index"><span class="am-icon-recycle"></span> 服务器</a></li>
      <li ><a href="/Wap/Customer/index"><span class="am-icon-user-md"></span>客户</a></li> 
      <li ><a href="/Wap/Project/index"><span class="am-icon-briefcase"></span>项目</a></li>
    </ul>
    
</div>
<!-- footnav end -->
<script src="__ROOT__/Application/Home/View/default/assets/js/jquery.min.js"></script>

<script src="__ROOT__/Application/Home/View/default/assets/js/amazeui.min.js"></script>
<script src="__ROOT__/Application/Home/View/default/assets/js/app.js"></script>
</body>
</html>
